<template>
  <div class="full-width full-height">
    <play-query :btn="btn" :showBtnArea="showBtnArea" class="q-mt-sm"></play-query>
    <play-table :tablecolumns="tablecolumns" :tabledata="tabledata">
      <template v-slot:body="props">
        <table-row
          :props="props.props"
        ></table-row>
      </template>
    </play-table>
  </div>
</template>

<script>
import playQuery from "src/pages/setting/components/playQuery.vue";
import playTable from "src/pages/setting/components/playTable.vue";
import tableRow from "src/pages/setting/playrulesCollection/components/tableRow.vue"
import { tablecolumns_config } from "src/pages/setting/playrulesCollection/config.js";
import { api_match } from "src/api/index.js";

export default {
  components: {
    playQuery,
    playTable,
    tableRow,
  },
  data() {
    return {
      btn: {
        lineHeight: "line-height-22px",
        btn_list: [
          {
            label: "新增玩法集",
            width: "90px",
            class: "panda-btn-light-dense",
            type: "open"
          },
          {
            label: "修改排序值",
            width: "90px",
            class: "panda-btn-light-dense",
            type: "modify"
          }
        ]
      },
      showBtnArea: true,
      tablecolumns: tablecolumns_config,
      queryform_form: {},
      tabledata: []
    };
  },
  methods: {

  },
  created() {

  }
};
</script>